<!--<template>-->
  <!--<div class="editLeft posr" :class="leftClass">-->
    <!--<h2 class="el-h2"><i class="iconfont icon-catalog"></i>{{catalog}}</h2>-->
    <!--<div id="catalog" class="el-con">-->
      <!--<div class="add-catalog float-l">-->
        <!--<span v-text="title"></span>-->
      <!--</div>-->
      <!--<tree :list="catalogList"></tree>-->
    <!--</div>-->
    <!--<div class="toggle-btn posa">-->
      <!--<span class="btn-show" v-show="catalogVisible" @click="hide"><i class="iconfont icon-back"></i></span>-->
      <!--<span class="btn-hide" v-show="!catalogVisible" @click="show"><i class="iconfont icon-catalog"></i></span>-->
    <!--</div>-->
  <!--</div>-->
<!--</template>-->
<!--<script>-->
  <!--import Tree from './Tree'-->
  <!--import { mapState, mapGetters, mapMutations } from 'vuex'-->
  <!--// import { EDIT_MODE, FREE_CREATION } from '../../core/constant'-->
  <!--export default {-->
    <!--data() {-->
      <!--return {-->
        <!--catalog: '目录',-->
        <!--all: '全部',-->
        <!--mine: '我的'-->
      <!--}-->
    <!--},-->
    <!--computed: {-->
      <!--...mapState(['title', 'catalogVisible', 'materialVisible', 'catalogList']),-->
      <!--leftClass() {-->
        <!--let classList = [];-->
        <!--if(this.catalogVisible) classList.push('editLeftHide');-->
        <!--if(this.catalogVisible && !this.materialVisible) classList.push('editLeftOnly')-->
        <!--return classList;-->
      <!--}-->
    <!--},-->
    <!--methods: {-->
      <!--...mapMutations(['focus', 'triggerCatalog']),-->
      <!--show() {-->
        <!--this.triggerCatalog(true);-->
        <!--this.focus();-->
      <!--},-->
      <!--hide() {-->
        <!--this.triggerCatalog(false);-->
        <!--this.focus();-->
      <!--}-->
    <!--},-->
    <!--components: {-->
      <!--Tree-->
    <!--}-->
  <!--}-->
<!--</script>-->